<template>
  <div class="search_box">
    <slot></slot>
    <div style="display: flex;">
      <el-button type="primary" :icon="Search" @click="handleSearch"
        >搜索</el-button
      >
      <el-button type="info" :icon="RefreshLeft" @click="handleReset">重置</el-button>
    </div>
  </div>
</template>
<script setup>
import { ref, defineProps, defineEmits } from "vue";
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
  RefreshLeft
} from "@element-plus/icons-vue";
const emits = defineEmits(["handleSearch", "handleReset"]);
const props = defineProps({
  // 总数
  total: {
    type: Number,
    default: 400,
  },
});
// 搜索
const handleSearch = () => {
  emits("handleSearch");
};
// 重置
const handleReset = () => {
  emits("handleReset");
};
</script>
<style scoped>
.search_box {
  display: flex;
  justify-content: space-between;
}
</style>